.colorful-badge-icon {
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border-radius: 50%;
  margin-right: 6px;

  &.default {
    background-color: transparent;
  }

  &.primary {
    background-color: $color-primary;
  }

  &.success {
    background-color: $color-success;
  }

  &.warning {
    background-color: $color-warning;
  }

  &.info {
    background-color: $color-info;
  }

  &.danger {
    background-color: $color-danger;
  }
}
